<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<title>消息</title>
</head>
<style>
.margin_{
 margin: 10px;
}
</style>
<body style="background-color: rgba(187, 179, 179, 0.38);" onload="loadMessageCount()">
<div class="container">
         <jsp:include page="header.jsp"/>
<h1 class="col-sm-12" style="font-family:迷你简菱心;">会议管理系统</h1>
<br><br><br>
<div class="col-sm-2">
			<div data-spy="affix" data-offset-top="160" data-offset-bottom="0">
				<ul class="nav nav-pills nav-stacked">
					<li class="dropdown"><a class="dropdown-toggle"
						data-toggle="dropdown" href="myMeetingInfo.action"> 我的会议<span class="caret"></span> </a>
						<ul class="dropdown-menu">
							<li><a href="myMeetingInfo.action#future7">未来7天内的会议</a></li>
							<li><a href="myMeetingInfo.action#myOrder">我预约的会议</a></li>
							<li><a href="myMeetingInfo.action#ended">已结束的会议</a></li>
							<li><a href="myMeetingInfo.action#cancel">已取消的会议</a></li>
						</ul>
					</li>

					<li class="dropdown"><a class="dropdown-toggle"
						data-toggle="dropdown" href="#"> 申请会议<span class="caret"></span>
					</a>
						<ul class="dropdown-menu">
							<li><a href="applyByTimeAndNumber.action">通过时间和容量</a>
							</li>
							<li><a href="applyMeetingByAddress.action">通过地点</a>
							</li>
						</ul>
					</li>
					<li ><a href="personalInfo.action">
							个人信息</a>
					</li>
					<li class="active"><a href="message.jsp">
							<span class="badge pull-right" id="mCount"></span>消息</a>
					</li>

				<c:if test="${sessionScope.adminFlag == '1'}">
						<li><a type="button" data-toggle="collapse" data-target="#admin">管理功能</a></li>
						</c:if>
				</ul>
				<div id="admin"  class="collapse">
					<ul class="nav nav-pills nav-stacked">
						<li><a href="getPersonAction.action">人员管理</a>
						</li>
						<li><a href="GetMeetingRoomAction.action"><span
								class="badge pull-right"></span>会议室管理</a>
						</li>
						<li><a href="getDeviceAction.action"><span
								class="badge pull-right"></span>设备管理</a>
						</li>
						<li><a href="getDepartmentAction.action"><span
								class="badge pull-right"></span>部门管理</a>
						</li>
						<li><a href="GetMeetingAction.action"><span
								class="badge pull-right"></span>会议管理</a>
						</li>
					</ul>
				</div>
				<!-- 管理界面 -->


			</div>
			<!--  -->
		</div>
  <div class="col-sm-8">
  <ol class="breadcrumb">
  <li><a href="#">主页</a></li>
  <li class="active"><span class="badge pull-right" id="mCount"></span>消息</li>
</ol>

<div class="panel panel-info">
  <div class="panel-heading">
    <h3 class="panel-title">信息</h3>
  </div>
  
  <c:forEach items="${message}" var="m">
 <div class="alert alert-warning alert-dismissible margin_">
  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  <strong>有新的会议要参加！</strong>您在${m.startTime}~${m.endTime}有一个会议，地点：${m.mrName } <a href="myMeetingInfo.action" class="alert-link" style="color: #13df96">查看</a>
</div>
</c:forEach>
 <div class="panel-footer">     
  
  </div>
</div>
</div>
</div>
<script src="js/jquery-2.0.1.min.js"></script>
<script src="js/bootstrap.js"></script>

</body>
</html>